<script setup>
  import {ref} from 'vue'

  let isAdmin = ref(false)
  let showFavorite = ref(false)

</script>

<template>
  <div>
    <a id="profile" href="/profile">My Profile</a>
    <a id="admin" v-if="isAdmin" href="/admin">Admin settings</a>
    <p id="favorite" v-show="showFavorite">Favorite</p>
  </div>
  <h3>Profile settings</h3>
  <div v-if="isAdmin">Admin Settings</div>
</template>

<style scoped>

</style>